<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>招贤纳士</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport"
          content="width=device-width, initial-scale=1,maximum-scale=1.0, user-scalable=0,user-scalable=no">
    <meta name="format-detection" content="telephone=no">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp"/>

    <link rel="alternate icon" type="img/hengwang-1.png"
          href="img/hengwang-1.png">
    <link rel="stylesheet" href="css/amazeui.css"/>
    <link rel="stylesheet" href="css/style.css"/>
    <script src="../manager/js/jquery-3.6.0.min.js"></script>
</head>
<body>
<header class="am-topbar header">
    <div class="am-container-1">
        <div class="left hw-logo">
            <img class=" logo" src="img/HENGWANG.png">
            <img class="word" src="img/hw-word.png">
        </div>
        <button
                class="am-topbar-btn am-topbar-toggle am-btn am-btn-sm am-btn-success am-show-sm-only"
                data-am-collapse="{target: '#doc-topbar-collapse'}">
            <span class="am-sr-only">导航切换</span> <span class="am-icon-bars"></span>
        </button>
        <div class="am-collapse am-topbar-collapse right"
             id="doc-topbar-collapse">
            <div class=" am-topbar-left am-form-inline am-topbar-right"
                 role="search">
                <ul class="am-nav am-nav-pills am-topbar-nav hw-menu">
                    <li><a href="index.html">首页</a></li>
                    <li><a href="solutions.html">解决方案</a></li>
                    <li><a href="product-show.html">产品展示 </a></li>
                    <li><a href="customer-case.html">客户案例</a></li>
                    <li><a href="service-center.html">服务中心 </a></li>
                    <li><a href="news.html">新闻动态 </a></li>
                    <li><a href="about-us.html">关于我们</a></li>
                    <li class="hw-menu-active"><a href="recruit.html">招贤纳士 </a></li>
                </ul>
            </div>

        </div>
    </div>
</header>
<div class="toppic">
    <div class="am-container-1">
        <div class="toppic-title left">
            <i class="am-icon-paper-plane toppic-title-i"></i> <span
                class="toppic-title-span">招贤纳士</span>
            <p>Recruit</p>
        </div>
        <div class="right toppic-progress">
            <span><a href="index.html" class="w-white">首页</a></span> <i
                class=" am-icon-arrow-circle-right w-white"></i> <span><a
                href="recruit.html" class="w-white">招贤纳士</a></span>
        </div>
    </div>
</div>

<div>
    <ul class=" product-show-ul"></ul>
</div>
<div class=" gray-li">
    <div class="am-container-1">
        <div class="part-title part-title-mar">
            <i class="am-icon-users part-title-i"></i> <span
                class="part-title-span">优厚待遇</span>
            <p>Good Treatments</p>
        </div>
    </div>
    <div data-am-widget="tabs" class="am-tabs am-tabs-d2 ">

        <ul class="am-tabs-nav am-cf daiyu-title-ul ">
            <li class="am-active "><a href="[data-tab-panel-0]"><span
                    class="w-white"> 福利待遇</span></a></li>
            <li class=""><a href="[data-tab-panel-1]"><span
                    class="w-white">薪资待遇</span></a></li>
        </ul>
        <div class="am-tabs-bd daiyu-content ">
            <div data-tab-panel-0 class="am-tab-panel am-active">
                <div class=" daiyu-content-1" id="benefitDesc">
                </div>
                <script>
                    $(function () {
                        loadList();
                    });

                    function loadList() {
                        $.get("/web/benefit", {op: "benefitList"}, function (data) {
                            var benefitDesc = $("#benefitDesc");
                            benefitDesc.empty();
                            for (var i = 0; i < data.length; i++) {
                                benefitDesc.append(`<p>${i + 1}.${data[i].benefitDesc}</p>`);
                            }
                        });
                    }
                </script>
            </div>
            <div data-tab-panel-1 class="am-tab-panel ">
                <div class=" daiyu-content-1" id="salary"></div>
            </div>
        </div>
    </div>
</div>
<footer class="footer ">
    <ul>
        <li class="am-u-lg-4 am-u-md-4 am-u-sm-12 part-5-li2">
            <div class="part-5-title">联系我们</div>
            <div class="part-5-words2">
                <span id="address1">地址:武汉市洪山区街道口鹏程国际B座2511</span>
                <span id="moblie1">电话:18238765101</span>
                <span id="fax1">传真:(123) 456-7890</span>
                <span id="email1">邮箱:support@vectorlab.com</span>
                <span><i class="am-icon-phone"></i><em id="fixed1">027-82671661</em></span>
            </div>
        </li>
        <li class="am-u-lg-4 am-u-md-4 am-u-sm-12 ">
            <div class="part-5-title">相关链接</div>
            <div class="part-5-words2">
                <ul class="part-5-words2-ul">
                    <li class="am-u-lg-4 am-u-md-6 am-u-sm-4"><a href="solutions.html">解决方案</a></li>
                    <li class="am-u-lg-4 am-u-md-6 am-u-sm-4"><a href="product-show.html">产品展示</a></li>
                    <li class="am-u-lg-4 am-u-md-6 am-u-sm-4"><a href="customer-case.html">客户案例</a></li>
                    <li class="am-u-lg-4 am-u-md-6 am-u-sm-4"><a href="service-center.html">服务中心</a></li>
                    <li class="am-u-lg-4 am-u-md-6 am-u-sm-4"><a href="about-us.html">关于我们</a></li>
                    <li class="am-u-lg-4 am-u-md-6 am-u-sm-4"><a href="recruit.html">招贤纳士</a></li>
                    <div class="clear"></div>
                </ul>
            </div>
        </li>
        <div class="clear"></div>
    </ul>
</footer>
<script>
    $(function () {
        $.get("/web/aboutInfo", {op: "query"}, function (data) {
            $("#img1").attr("src", data.aboutImg1);
            $("#img2").attr("src", data.aboutImg2);
            $("#img3").attr("src", data.aboutImg3);
            $("#img4").attr("src", data.aboutImg4);
            $("#img5").attr("src", data.aboutImg5);
            $("#address").text(data.address);
            $("#moblie").text(data.mobliePhone);
            $("#fax").text(data.fax);
            $("#email").text(data.email);
            $("#fixed").text(data.fixedPhone);
            $("#imgAddress").attr("src", data.addressImg);
            $("#desc").text(data.aboutDetails);
            $("#address1").text(data.address);
            $("#moblie1").text("电话:" + data.mobliePhone);
            $("#fax1").text(data.fax);
            $("#email1").text(data.email);
            $("#fixed1").text(data.fixedPhone);
        });
    })
</script>
<script>
    $(function () {
        $.get("/web/recruit", {op: "queryBypage", size: 3, salaryId: 0}, function (data) {
            var ul = $(".product-show-ul");
            ul.empty();
            var p = data.rows[0];
            var pp = data.rows[1];
            var ppp = data.rows[2];
            ul.append(`<li>
			            <div class="product-content">
		                <div class="left am-u-sm-12 am-u-md-6 am-u-lg-6 recruit-left">
		                    <img class="product-img" src=${p.recruitImg}/>
		                </div>
		                <div class="right am-u-sm-12 am-u-md-6 am-u-lg-6 recruit-right">
		                    <div class="product-show-title">
		                        <span>${p.recruitName}</span>
		                    </div>
		                    <div class="product-show-content">
		                        <div class="product-add">
		                            <span>岗位描述：</span>
		                            <div>${p.recruitDesc}</div>
		                        </div>
		                        <div class="product-add">
		                            <span>任职资格：</span>
		                            <div>${p.recruitRequirement}</div>
		                        </div>
		                    </div>
		                </div>
		                <div class="clear"></div>
		            </div>
		        </li>
		        <li class="gray-li">
	            <div class="product-content">
	                <div class="left am-u-sm-12 am-u-md-6 am-u-lg-6 recruit-left">
	                    <div class="product-show-title">
	                        <span>${pp.recruitName}</span>
	                    </div>
	                    <div class="product-show-content">
	                        <div class="product-add">
	                            <span>岗位描述：</span>
	                            <div>${pp.recruitDesc}</div>
	                        </div>
	                        <div class="product-add">
	                            <span>任职资格：</span>
	                            <div>${pp.recruitRequirement}</div>
	                        </div>
	                    </div>
	                </div>
	                <div class="right am-u-sm-12 am-u-md-6 am-u-lg-6 recruit-right">
	                    <img class="product-img" src=${pp.recruitImg}/>
	                </div>
	                <div class="clear"></div>
	            </div>
	        </li>
	        <li>
         <div class="product-content">
             <div class="left am-u-sm-12 am-u-md-6 am-u-lg-6 recruit-left">
                 <img class="product-img" src=${ppp.recruitImg}/>
             </div>
             <div class="right am-u-sm-12 am-u-md-6 am-u-lg-6 recruit-right">
                 <div class="product-show-title">
                     <span>${ppp.recruitName}</span>
                 </div>
                 <div class="product-show-content">
                     <div class="product-add">
                         <span>岗位描述：</span>
                         <div>${ppp.recruitDesc}</div>
                     </div>
                     <div class="product-add">
                         <span>任职资格：</span>
                         <div>${ppp.recruitRequirement}</div>
                     </div>
                 </div>
             </div>
             <div class="clear"></div>
         </div>
     </li>
     <div class="clear"></div>`);
        });
    });
    $(function () {
        $.get("/web/salary", {op: "queryBypage", size: 3, salaryId: 0}, function (data) {
            var div = $("#salary");
            div.empty();
            var s = data.rows[0];
            var ss = data.rows[1];
            var sss = data.rows[2];
            div.append(`<p>1.${s.position}  薪资资描述：${s.salaryDesc}</p>
                 <p>2.${ss.position}     薪资资描述：${ss.salaryDesc}</p>
                 <p>3.${sss.position}    薪资资描述：${sss.salaryDesc}</p>`);
        });
    });
</script>

</body>
<!--[if lt IE 9]>
<script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
<script src="assets/js/amazeui.ie8polyfill.min.js"></script>
<![endif]-->

<!--[if (gte IE 9)|!(IE)]><!-->
<script src="js/jquery.min.js"></script>
<!--<![endif]-->
<script src="js/amazeui.min.js"></script>

</html>
